<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>
<%@ include file="/WEB-INF/jsp/commons/global.jsp"%>


<!DOCTYPE html>
<html>

<head>
<meta charset="UTF-8">
<title>极乐佛经后台管理系统</title>
<link rel="stylesheet" type="text/css"
	href="jquery-easyui-v1.4.4/themes/bootstrap/easyui.css">
<link rel="stylesheet" type="text/css"
	href="jquery-easyui-v1.4.4/themes/icon.css">
<link rel="stylesheet" type="text/css" href="css/app.css">
<link rel="stylesheet" type="text/css" href="css/login.css">
<script type="text/javascript" src="js/jquery-2.1.4.min.js"></script>
<script type="text/javascript"
	src="jquery-easyui-v1.4.4/jquery.easyui.min.js"></script>
</head>

<body>
	<section class="login-main-wrapper">
		<div class="login-div-container"
			style="width: 400px;; margin: 50px auto;">

			<div class="easyui-panel" title="极乐佛经后台管理系统>>登录"
				style="width: 400px;">
				<div style="padding: 10px 60px 20px 60px">
					<form id="ff" class="easyui-form" method="post"
						data-options="novalidate:true">
						<table cellpadding="5">
							<tr>
								<td class="account-title"
									style="font-size: 15px; font-weight: 600;">账户:</td>
								<td><input id="account" class="easyui-textbox" type="text"
									name="telphone"
									data-options="validType:['length[11,11]'],required:true,prompt:'请输入手机号'"
									invalidMessage="请正确输入手机号" missingMessage="请输入手机号"
									style="width: 250px; height: 35px;"></input></td>
							</tr>

							<tr>
								<td class="password-title"
									style="font-size: 15px; font-weight: 600;">密码:</td>
								<td><input class="easyui-textbox" type="password"
									name="subject" data-options="required:true"
									missingMessage="请输入密码" style="width: 250px; height: 35px;"></input>
								</td>
							</tr>
							<tr>
								<td></td>
								<td>
									<form class="easyui-form">
										<table>
											<tr>
												<td><input class="easyui-textbox" type="text"
													style="width: 120px; height: 35px;" missingMessage="请输入验证码"
													data-options="required:true,prompt:'请输入验证码'" /></td>
												<td><a href="javascript:;"><img
														class="validata-img" src="img/yanzhengma.jpg"
														style="width: 120px; height: 35px;"></a></td>
											</tr>
										</table>
									</form>
								</td>
							</tr>
							<tr>
								<td>
									<div class="checkbox">
										<label> <input type="checkbox" value="">
										</label>
									</div>
								</td>
								<td>下次自动登录</td>
							</tr>
						</table>
					</form>
					<div style="text-align: center; padding: 5px;">
						<a href="javascript:void(0)" class="easyui-linkbutton"
							onclick="submitForm()"><span style="font-size: 15px;">&nbsp;登&nbsp;录&nbsp;</span></a>
					</div>
				</div>
			</div>

		</div>

	</section>
	<footer class="bottom-footer-wrapper"> Copyright&copy;2016
		XX极乐佛经精油公司 All Rights Reserved. 沪ICP备XXXXXX-XXX </footer>

	<script>
		function submitForm() {
			$('#ff').form('submit', {
				onSubmit : function() {
					return $(this).form('enableValidation').form('validate');
				}
			});
		}

		function clearForm() {
			$('#ff').form('clear');
		}
	</script>

</body>

</html>